<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>首页01</title>
    <style type="text/css">
        *{
            margin: 0px;
            padding: 0px;
        }
        .wrap{
            width: 368px;
            margin: 0px auto;
        }
        .top{
            width: 368px;
            height: 70px;
        }
        .main{
            margin-top: 0px;
        }
        #menu{
            background-color:dodgerblue;
            font-size: larger;
            height: 36px;
            text-align: center;
        }
        a{
            text-decoration: none;
            color: white;
            display: block;
        }
        #menu01{
            width: 90px;
            float: left;
            border-right: 2px solid white;
            margin-top: 6px;
            color: dodgerblue;
        }
        #menu01wrap{
            width: 90px;
            float: left;
            height: 36px;
            background-color: lightskyblue;
        }
        #menu02{
            width: 90px;
            float: left;
            border-right: 2px solid white;
            margin-top: 7px;
        }
        #menu03 {
            width: 90px;
            float: left;
            border-right: 2px solid white;
            margin-top: 7px;
        }
        #menu04{
            width: 90px;
            float: left;
            padding-top: 7px;
        }
        #img2{
            height: 155px;
            background-image: url("../IMG/img4s-02.PNG");
        }
        #img2 a{
            display: block;
            width: 85px;
            height: 68px;
        }
        #img2 img{
            margin-top: 45.5px;
            margin-left: 142px;
        }
        #img3{
            height: 195px;
        }
        #img4{
            height: 154px;
            background-image: url("../IMG/img4s-04.PNG");
        }
        #img4 a{
            width: 82px;
            height: 67px;
        }
        #img4 img{
            margin-top: 45.5px;
            margin-left: 144px;
        }
        #more{
            display: block;
            height: 36px;
            background-color: dodgerblue;
            text-align: center;
            padding-top: 7px;
        }
        span{
            font-size: large;
        }
        .footer {
            background-color: grey;
            height: 82px;
            padding-top: 25px;
            padding-left: 100px;
        }
        #btn{
            display: block;
            width: 180px;
            height: 30px;
            background-color: dodgerblue;
            text-align: center;
            font-size: x-large;
            padding-bottom: 5px;
        }
    </style>
</head>
<body>
<div class="wrap">
    <div class="top">
        <img src="../Img/img4s-01.PNG">
    </div>
    <div class="main">
        <div id="menu">
            <div id="menu01wrap"><a href="shouye01.html" id="menu01" >精彩福特</a></div>
            <a href="shouyeB01.html" id="menu02" >车型展示</a>
            <a href="baoyang.html" id="menu03" >保养售后</a>
            <a href="aboutUs.html" id="menu04" >关于我们</a>
        </div>
        <div id="img2">
            <a href=""><img src="../Img/img4s-00.PNG" ></a>
        </div>
        <div id="img3">
            <a href="shouye02.html" >
                <img src="../Img/img4s-03.PNG">
            </a>
        </div>
        <div id="img4">
            <a href=""><img src="../Img/img0.PNG"></a>
        </div>
        <div>
            <a href="" id="more" ><span>点击查看更多精彩内容</span></a>
        </div>
    </div>
    <div class="footer">
        <a href="" id="btn" >开始上网</a>
    </div>
</div>
</body>
</html>